.editor-wrapper {
    width: 100%;
    min-height: calc(100vh - 64px);
    background-color: $bgColor;
    position: relative;
    display: flex;
    .left-component-wrapper {
        height: 100%;
        height: 100%;
        width: 280px;
        @include white-box-with-shadow;
        @include flex-level-center;
    }
    .main-edit-wrapper {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        .canEdit-main {
            width: 375px;
            height: 600px;
            @include white-box-with-shadow;
            overflow: auto;
        }
        .tools-btn {
            position: absolute;
            right: 20px;
            top: 20px;
            .ant-btn {
                min-width: 32px;
                padding-right: 0;
                padding-left: 0;
                text-align: center;
                border-radius: 50%;
                margin-right: 12px;
                &:last-child {
                    margin-right: none;
                }
            }
        }
    }
    .right-props-wrapper {
        width: 320px;
        height: 100%;
        overflow-y: inherit;
        @include white-box-with-shadow;
        @include flex-level-center;
        padding: 0;
    }
}

.key-prompt-modal {
    .key-prompt-wrapper {
        display: flex;
        flex-direction: column;
        .key-item {
            display: flex;
            height: 30px;
            .key-name {
                flex: 1;
                color: rgba(0,0,0,.45);
            }
            .key-value {
                flex: 1;
                text-align: right;
                color: #1890ff;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
            }
        }
    }
}